* {
    margin: 0;
    padding: 0;
}
body {
	font-family:"Helvetica",Arial,"Arial Bold";
}
.clearer { clear: both; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; }
a img { border: none; }

/*---------*/
#slotMachineInfomation {
    float: left;
    width: 130px;
}
/*-------------------------------------------------------------------*/	
#slotMachineContainer 
{
    background: url(images/bg_main_play.png) top left no-repeat;
	position: absolute;
	width: 518px; height: 501px; /*left: 357px; top: 110px;*/
    position: relative;
    float: right;    
}

#slotMachineContainer #betContainer {
	position: absolute;
	top: 503px; left: 0; width: 355px; height: 65px;
}
#slotMachineContainer #betContainer span {
	display: block; position: absolute;
	width: 100px; height: 25px; top: 32px;
	color: #e64e13; font-weight: bold; font-size: 23px;
}

#slotMachineContainer #betContainer #lastWin { left: 15px; }
#slotMachineContainer #betContainer #totalBids { left: 119px; }
#slotMachineContainer #betContainer #bet { left: 277px; }

#betSpinUp,
#betSpinDown {
	position: absolute;
	width: 27px; height: 42px; right: 0; top: 0;
	background: transparent url(images/sprites.png?v=2) 0 0 no-repeat;
    z-index: 99999;
	cursor: pointer;
}
#betSpinDown { top: 23px; background-position: 0 -50px; }


#slotMachineContainer #loggedOutMessage,
#slotMachineContainer #failedRequestMessage {
	position: absolute;
	top: 104px; left: 42px; width: 355px;
	z-index: 1000;
	padding: 10px; text-align: center;
	background-color: red; color: white;
}

/*---------*/

#slotMachineContainer #ReelContainer {
	position: absolute; 
	left: 43px; top: 109px; width: 435px; height: 283px;
	overflow: hidden;
}

#slotMachineContainer #ReelContainer #reelOverlay {
	position: absolute; top: 0; left:0; right: 0; bottom: 0;
	z-index: 100;
	background: transparent url(images/reel_overlay.png) 0 center no-repeat;
}

#slotMachineContainer #ReelContainer .reel {
	position: absolute;
	width: 121px;height: 4719px;/* 2178px;*/ top: -1119px;
	background: transparent url(images/reel_strip.png) 0 0 repeat-y;
}

#slotMachineContainer #ReelContainer #reel1 { left: 10px; }
#slotMachineContainer #ReelContainer #reel2 { left: 158px; }
#slotMachineContainer #ReelContainer #reel3 { left: 304px; top: -1180px; }

/*----------*/

 #soundOffButton {	
	width: 32px; height: 32px;
     margin: 10px;
	background: transparent url(images/sprites.png?v=2) -50px -50px no-repeat;
	cursor: pointer;
}

 #soundOffButton.off { background-position: -50px 0; }
.title_bet {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}
/*text*/
.feature_textbox {
    height: 30px;
    line-height: 30px;
    position: absolute;
    width: 83px;
    border: none;
    outline: none;
    text-align: center;
    background: transparent;
    font-weight: bold;
}
#txtReel_h1 {   
    left: 71px;    
    top: 71px;   
}
#txtReel_h2 {    
    left: 217px;    
    top: 71px;    
}
#txtReel_h3 {    
    left: 363px;    
    top: 71px;   
}
#txtReel_l1 {   
    left: 71px;    
    top: 405px;   
}
#txtReel_l2 {    
    left: 217px;    
    top: 405px;    
}
#txtReel_l3 {    
    left: 363px;    
    top: 405px;   
}
/*button choose*/
.bt_choose {
    width: 116px;
    height: 51px;
    position: absolute;
    display: block;
    cursor: default;
}
.bt_choose_hi {
    background: url(images/bt_hi.png) no-repeat top left;
}
.bt_choose_lo {
    background: url(images/bt_lo.png) no-repeat top left;
}
.bt_choose_disabled {
    background-position: bottom left;
}
#btnChoose_h1 {
    top: 12px;
    left: 55px;
}
#btnChoose_h2 {
    top: 12px;
    left: 200px;
}
#btnChoose_h3 {
    top: 12px;
    left: 346px;
}

#btnChoose_l1 {
    top: 440px;
    left: 55px;
}
#btnChoose_l2 {
    top: 440px;
    left: 200px;
}
#btnChoose_l3 {
    top: 440px;
    left: 346px;
}
a.btn_base {
    background: url("images/btn_base.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    cursor: default;
    display: block;
    font-size: 22px;
    font-weight: bold;
    height: 51px;
    line-height: 51px;
    text-align: center;
    width: 122px;
    margin-top: 10px;
    margin-left: 4px;
}
a.btn_base:hover,a.btn_base:active {
    background-position: left -51px;
}
a.btn_base_disabled {
    background-position: left bottom !important;
}
.input_collect {
    border:solid 2px #1E75A5; height:25px; line-height:25px; width:100px;text-align: center;font-weight: bold;    
    clear: both;
    margin-top: 10px;
    outline: none;
    display: block;
    background: #FFF;
}
.select_typebet {
    border:solid 2px #1E75A5; height:30px; line-height:25px; width:105px;text-align: left;font-weight: bold;   
    clear: both;
    margin-top: 10px;
    outline: none;
}
.title_left {
    height: 29px;
    line-height: 29px;
    width: 130px;
    background: url(images/bg_title_left.png) top left no-repeat;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;    
}
.content_left {
    width: 130px;
    background: url(images/bg_content_left.png) top left;
    padding: 10px 0;
}
.title_trans {
    font-weight: bold;
    font-size: 16px;
}
.title_trans_left {
    float: left;
    height: 44px;
    line-height: 44px;
    width: 16px;
    background: url(images/bg_title.png) top left no-repeat;
}
.title_trans_right {
    float: left;
    height: 44px;
    line-height: 44px;
    background: url(images/bg_title.png) top right no-repeat;
}
#shuffle_bar span{
    display: block;
    width: 25px;
    height: 44px;
    margin-right: 5px;
    background: url(images/shuffle_dot.png) top left no-repeat;
    float: left;
}
#shuffle_bar span.dot_checked {
    background-position: bottom left;
}
.won_image,.lose_image {
    display: none;
}
.won_animate_left .won_image{
    background: url(images/win.gif);
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    height: 115px;
    font-weight: bold;
    font-size: 16px;
    color: lime;
    text-align: center;
    display: block;
}
.lose_animate_left .lose_image {
    background: url(images/bth_danc-6.gif);
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    height: 115px;
    font-weight: bold;
    font-size: 16px;
    color: red;
    text-align: center;
    display: block;
}